Summary
Sales landing page of the Physiotherapist Allan Pfort, which is about his pediatric and neonatal motor development and respiratory health therapy services.
Role
Senior Product Designer
Responsibilities
I was responsible for product strategy, stakeholder management, project and product management, product discovery (user needs identification, solution ideation, user requirements gathering, information architecture, wireframing, Design System development, prototyping, user testing).
Results
So far, the landing page has received some visits and further boosted the work of physiotherapist Allan Pfort.
Design System
The design system takes into account aesthetics and accessibility, through the use of the APCA algorithm for color contrast and maximum optimization of the typographic system to enable the best reading experience, emphasizing the copywriting.
Here, you can see the adaptive color system based on contrast that uses the APCA algorithm applied at multiple levels:
- Interface container/section surface levels (elevations);
- Component surfaces (e.g., buttons) with its microinteractions;
- Typography on component surfaces (e.g., button surface).
- Interface container/section surface levels (elevations);
- Component surfaces (e.g., buttons) with its microinteractions;
- Typography on component surfaces (e.g., button surface).
Prototyping
Below, you can view the viewports (desktop, laptop, tablet, mobile) prototyped in Figma, as well as the responsive systems for typography, spacing, and components.
Implementation
The landing page was implemented using Framer, as can be seen in the video below.
